$(function(){
    $('.cs-tabs>li').click(function () {
        $(this).addClass('cs-active').siblings().removeClass('cs-active')
    })
    // 模拟数据内容使用接口时候请删除
    var dataMap = [
        {
            x: 121.398856,
            y: 31.199969,
            title1: "东海期货有限责任公司扬州营业部",
            title2: "上海水城南路营业部0000",
            title3: "上海水城南路营业部0000",
            title4: "上海水城南路营业部0000",
            txt3Box: {
                txt1: "东海期货有限责任公司常州营业部00000",
                txt2: "电话：0519-8811145600000",
                txt3: "地址：常州新北区通江路河229号友邦商务大厦1幢15楼( 213000)0000"
            }
        },
        {
            x: 121.539722,
            y: 31.230112,
            title1: "东海期货有限责任公司苏州营业部2",
            title2: "上海水城南路营业部1111",
            title3: "上海水城南路营业部1111",
            title4: "上海水城南路营业部1111",
            txt3Box: {
                txt1: "东海期货有限责任公司常州营业部11111",
                txt2: "电话：0519-881114561111",
                txt3: "地址：常州新北区通江路河229号友邦商务大厦1幢15楼( 213000)1111"
            }
        },
        {
            x: 121.482376,
            y: 31.278118,
            title1: "东海期货有限责任公司南京营业部3",
            title2: "上海水城南路营业部22222",
            title3: "上海水城南路营业部22222",
            title4: "上海水城南路营业部22222",
            // 这是底部标签的内容
            txt3Box: {
                txt1: "东海期货有限责任公司常州营业部22222",
                txt2: "电话：0519-8811145622222",
                txt3: "地址：常州新北区通江路河229号友邦商务大厦1幢15楼( 213000)2222"
            }
        },
        {
            x: 121.398856,
            y: 31.199969,
            title1: "我是下标3333333",
            title2: "上海水城南路营业部222",
            title3: "上海水城南路营业部222",
            title4: "上海水城南路营业部2222",
            // 这是底部标签的内容
            txt3Box: {
                txt1: "东海期货有限责任公司常州营业部3333",
                txt2: "电话：0519-881114563333",
                txt3: "地址：常州新北区通江路河229号友邦商务大厦1幢15楼( 213000)3333"
            }
        }
    ]

    // 营业部分的切换以及获取数据
    // $('.department-tabs>li').each(function(){

    // })

    $('.department-tabs>li').click(function () {
        $(this).addClass('department-active').siblings().removeClass('department-active')
        console.log($(this).index(), "下标");  //这是当前的下标做法一点击当前下标请求数据，把当前下标传给你，你把当前下标数据反给我
        var indexs = $(this).index()

        console.log($(this).index(), '44444');
        $.each(dataMap, function (v, m) {
            // console.log(indexs,'5555');
            // 判断循环当前下标是否点击这个有数据没有
            if (indexs == v) {
                var dataInfo = dataMap[v]
                dataMaps(dataInfo)
            }
        })
    })

    //地图提示样式
    var content = "<div class='box-map'><img style='float:left;margin:4px' id='imgDemo' src='../static/images/dh-dot/message-img1.png'/>" + '<h1>东海期货有限责任公司常州营业部</h1>' +
        "<p class='map-txt1'>统一社会信用代码：91320000678311769L</p>" +
        "<p class='map-txt2'>设立时间：2008/7/14</p>" +
        "<p class='map-txt3'>负责人：黄霄宏</p>" +
        "</div></div>"
    // 渲染数据内容
    function dataMaps(dataInfo) {
        var txt3Box = dataInfo.txt3Box  //这是底部的数据内容
       
         //弹窗样式渲染
        content = `<div class='box-map'><img style='float:left;margin:4px' id='imgDemo' src='../static/images/dh-dot/message-img1.png'/><h1>${dataInfo.title1}</h1>
        <p class='map-txt1'>${dataInfo.title2} </p>
        <p class='map-txt2'>设立时间：${dataInfo.title3}</p>
        <p class='map-txt3'>负责人：${dataInfo.title4}</p>
        </div></div>`

      
         //底部样式渲染
        mapBox(dataInfo.x, dataInfo.y, content)
        $('.txt-map').html('')
        $('.txt-map').append(`<p>${txt3Box.txt1}</p>
                        <p>电话：${txt3Box.txt2} </p>
                        <p>地址：${txt3Box.txt3}</p>`)
                     
    }


    // 百度地图功能代码
    function mapBox(x, y, content) {
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(x, y);  //当前的经纬度
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        map.centerAndZoom(point, 14);
        var opts = {
            width: 463,     // 信息窗口宽度
            height: 169,     // 信息窗口高度
            enableMessage: true,//设置允许信息窗发送短息
        }
        var infoWindow = new BMap.InfoWindow(content, opts);  // 创建信息窗口对象 
        map.openInfoWindow(infoWindow, point); //开启信息窗口
        marker.addEventListener("click", function () {
            map.openInfoWindow(infoWindow, point); //开启信息窗口
        });
    }
    mapBox(119.967316, 31.782288, content) //默认显示常州地址内容
})